<template>
  <!-- <el-dialog v-model="dialogTableVisible"  :beforeClose="handleClose"> </el-dialog> -->

  <el-dialog v-model="dialogTableVisible" title="设置搜索排序" :before-close="handleClose">
    <!-- 控制显示和隐藏 -->
    <SearchPupup></SearchPupup>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="handleClose">取消</el-button>
        <el-button type="primary" @click="handleClose"> 保存 </el-button>
      </span>
    </template>
  </el-dialog>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import { ElMessageBox } from 'element-plus'
import Sortable from 'sortablejs'

// 接收父组件传递的自定义事件
const emits = defineEmits<{
  (e: 'dialogClose'): void
}>()

const dialogTableVisible = ref(true)

// 对话框关闭前的回调
const handleClose = () => {
  // 对话框关闭之前,将显示和隐藏状态修改
  dialogTableVisible.value = true
  // 对话框关闭之前帮我触发这个自定义事件
  emits('dialogClose')
}
const tableData = ref<any>([])
</script>

<style scoped></style>
